<template>
	<up-popup :show="show" mode="center" @close="show = false" :safeAreaInsetBottom="false">
		<view class="popup">
			<image class="popup-top-bj" src="@/static/image/popup-bj.png"></image>
			<view class="popup-content">
				<view class="content">
					<image mode="widthFix" src="@/static/image/in_application.png"></image>
					<view class="type">
						审核中...
					</view>
					<view class="desc">
						平台将在7个工作日内处理，请勿重复申请
					</view>
				</view>
				<view class="popup-bottom">
					<view class="">
						<up-button @click="show = false" type="info" text="取消"></up-button>
					</view>
					<view class="">
						<up-button @click="show = false" type="primary" text="确定"></up-button>
					</view>
				</view>
			</view>
		</view>
	</up-popup>
</template>

<script setup>
	import {
		ref
	} from 'vue'
	const show = ref(false)
	const handleClick = () => {
		show.value = true
	}
	defineExpose({
		handleClick
	})
</script>

<style lang="scss" scoped>
	.popup-content {
		.content {
			text-align: center;
			image {
				width: 198rpx;
				margin-top: 30rpx;
			}
			.type {
				font-family: PingFang SC, PingFang SC;
				font-weight: 600;
				font-size: 32rpx;
				color: #689930;
				line-height: 38rpx;
				margin: 10rpx 0;
			}
			.desc {
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #A6A1A1;
				line-height: 33rpx;
			}
		}
	}
</style>